<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CASINO ONLINE</title>
<meta name="keywords" content="CASINO ONLINE, CSS, HTML, PFC" />
<meta name="description" content="CASINO ONLINE is a subproject of the PFC made to be a target to make tests" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>

</head>
<body>

<div id="templatemo_top_bar">

	<div class="rss_contact_section">

        <div class="rss_contact rss_button">
            <a href="#">Subscribe</a>
        </div> 

        <div class="rss_contact contact_button">
            <a href="#">Contact</a>
        </div>

	</div>
</div> <!-- end of top bar -->

<div id="templatemo_banner_bar_wrapper">

	<div id="templatemo_banner_bar">
    
    	<h1>
        	<a href="#">CASINO ONLINE
            	<span>Estadísticas</span></a>
        </h1>
    
    </div> <!-- end of banner -->
    
</div> <!-- end of banner wrapper -->

<div id="templatemo_menu_wrapper">

	<div id="templatemo_menu">
    	<ul>
            <li><a href="#" class="current fast">Home</a></li>
            <li><a href="#">Intervenciones</a></li>
            <li><a href="#">Partes</a></li>
            <li><a href="#">Rutas</a></li>
            <li><a href="#">Búsqueda</a></li>
            <li><a href="#">About</a></li>
        </ul>
    </div> <!-- end of menu -->
    
</div> <!-- end of menu wrapper -->

<div id="templatemo_content">

	<div id="main_column">
    
    	<div class="section_w500">
            
            <h2>Welcome to Sky Blue</h2>
          <a href="http://www.templatemo.com/page/1"><img class="image_wrapper fl_image" src="images/templatemo_image_01.jpg" alt="html css templates" /></a>
          <p><span class="em_text">Sky Blue is a <a href="http://www.templatemo.com" target="_parent">Free CSS Template</a> is provided by <a href="http://www.templatemo.com" target="_parent">templatemo.com</a> for anyone. Feel free to download and use this template for your websites. Credit goes to <a href="http://www.photovaco.com" target="_blank">Free Photos</a> for photos.</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae turpis quis dui pellentesque semper. Suspendisse potenti. Fusce ullamcorper pellentesque lacinia.</p>

		</div>        
        
        <div class="margin_bottom_20"></div>
        
        <div class="section_w500">    
        
                <h2><span></span>Best Website Templates</h2>
                <a href="http://www.templatemo.com/page/2"><img class="image_wrapper fr_image" src="images/templatemo_image_02.jpg" alt="web templates" /></a>
                <p>Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>. Nulla tellus nisl, malesuada eu dictum blandit, feugiat ac sem. Morbi justo lorem, dapibus sed aliquet id, aliquam eu justo. Etiam urna nisi, hendrerit eu pellentesque quis, aliquet nec velit. Etiam at justo et risus feugiat ullamcorper ac non ligula. Morbi dapibus, ipsum eu laoreet fermentum, mauris mauris sollicitudin ante, ac ultricies velit lectus at justo. Etiam mi lacus, faucibus eu egestas eget, lacinia in libero. Aenean libero mauris, convallis tristique molestie at, vehicula feugiat neque. Morbi fermentum, eros eget pulvinar sollicitudin, risus purus iaculis turpis, varius consectetur eros leo eget ipsum.</p>
                
          <div class="margin_bottom_20"></div>
                
  <ul class="list_01">
                	<li>Maecenas malesuada congue nisi in interdum.</li>
                    <li>Donec mattis urna id lorem blandit vitae pulvinar risus aliquam.</li>
                    <li>Vestibulum suscipit erat vitae libero varius aliquam. Phasellus at tortor dui, ac elementum mauris.</li>
                </ul>
                
                <div class="button_01"><a href="#">Read more</a></div>
                
      </div>
          
        <div class="cleaner"></div>
    </div> <!-- end of main column -->
    
  <div class="side_column_w200">
            	
                <div class="box">

                    <h3>Categories</h3>
                    <ul class="side_menu">
                        <li><a href="#">Lorem ipsum dolor</a></li>
                        <li><a href="#">Donec mattis egestas</a></li>
                        <li><a href="#">Phasellus id purus</a></li>
                        <li><a href="#">Nulla consequat</a></li>
                        <li><a href="#">Mauris varius risus</a></li>
                        <li><a href="#">Aenean vulputate</a></li>
                        <li><a href="#">Etiam ultricies</a></li>
                        <li><a href="#">Fusce quis diam sit</a></li>
                        <li><a href="#">Sed pellentesque</a></li>
                        <li><a href="#">Donec euismod enim</a></li>                    
                    </ul>
				</div> 
                
                
    <div class="box">

                    <h3>Partners</h3>
                    <ul class="side_menu">
                        <li><a href="http://www.templatemo.com" target="_parent">CSS Templates</a></li>
                        <li><a href="http://www.flashmo.com" target="_parent">Flash Templates</a></li>
                        <li><a href="http://www.koflash.com" target="_parent">Websites Gallery</a></li>
                        <li><a href="http://www.webdesignmo.com/blog" target="_parent">Web Design Blog</a></li>                
                    </ul>
			  </div>
    </div> 
    <!-- end of side column 1 -->
    
    <div class="side_column_w200">
    
			    <div class="box">
            
                    <h3>Search</h3>
                    
                    <form action="#" method="get">
                        <input type="text" value="Enter keyword here..." name="q" size="10" class="inputfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
                    
                        <input type="submit" name="Search" value="Search" alt="Search" class="submitbutton" title="Search" />
                    </form>

					<div class="cleaner"></div>
				</div>
                
    			<div class="box">
                	
					<h3>Popular Topics</h3>
                    
                    <div class="news_section">
                        <div class="news_title"><a href="#">Lorem ipsum dolor sit amet consectetur </a></div>
                        <p>Maecenas tellus erat, dictum vel semper a, dapibus ac elit. Nunc rutrum pretium porta.</p>
                    </div>
                    
                     <div class="news_section">
                        <div class="news_title"><a href="#">Aenean feugiat mattis est nec egestas</a></div>
                        <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
                    </div>
                    
				</div>
            	                
                <div class="box">
                <h3>Quick Contact</h3>
                
                    <form action="#" method="get">
                    
                        <input type="text" value="Enter your name" name="name" size="10" class="inputfield" title="name" onfocus="clearText(this)" onblur="clearText(this)" />
                        
                        <input type="text" value="Enter your email address" name="email" size="10" class="inputfield" title="email" onfocus="clearText(this)" onblur="clearText(this)" />
                        
                        <textarea id="message_input" rows="5" cols=""></textarea>
                        
                        <input type="submit" name="Submit" value="Submit" alt="Submit" class="submitbutton" title="Submit" />
                        
                    </form>
                </div>
               

            </div> <!-- end of right side column -->

	<div class="cleaner"></div>
</div> <!-- end of content -->

<div id="templatemo_footer_wrapper">

	<div id="templatemo_footer">
    	
        <div class="section_w184">
        	<h4>Services</h4>
        	<ul class="footer_menu_list">
            	<li><a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Cum sociis</a></li>
                <li><a href="#">Donec quam</a></li>
                <li><a href="#">Nulla consequat</a></li>
                <li><a href="#">In enim justo</a></li>               
            </ul>
        </div>
        
        <div class="section_w184">
			<h4>Support</h4>  
        	<ul class="footer_menu_list">
                <li><a href="#">Nullam quis</a></li>
                <li><a href="#">Sed consequat</a></li>
                <li><a href="#">Cras dapibus</a></li> 
            	<li><a href="#">Lorem ipsum dolor</a></li>
                <li><a href="#">Cum sociis</a></li>              
            </ul>
        </div>
        
        <div class="section_w184">
         <h4>About</h4>
     
        	<ul class="footer_menu_list">
             <li><a href="#">Aenean vulputate</a></li>
                    <li><a href="#">Etiam ultricies</a></li>
                    <li><a href="#">Nullam quis</a></li>
                    <li><a href="#">Sed consequat</a></li>
                    <li><a href="#">Cras dapibus</a></li>    
            </ul>
        </div>
        
        <div class="section_w368">
        	<h4>Privacy Policy</h4>
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non rutrum arcu. Vestibulum ornare dolor eget leo placerat sed tincidunt dolor interdum</p>
            
		  <div class="margin_bottom_10"></div>
            
            
            <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
    			<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
            
        </div>
        
        <div class="margin_bottom_20"></div>
        
        <div class="section_w940">
        	Copyright © 2048 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
        </div>
        
        <div class="cleaner"></div>
	</div> <!-- end of footer -->

</div> <!-- end of footer wrapper -->

</body>
</html>